/*
* Author	: Luciano Lima
* Criado em : 18/04/2011
* Finalizado: 24/04/2011
*/
body{
    margin: 0;
    padding: 0;
    font: bolder 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    color: #FFF;
}

a{
	color: #3B5998;
	text-decoration:none;
}

a:hover{
	color: #333;
	text-decoration:underline;
}

/* Topo */
#header{
    height:24px;
    width: 100%;
    background-color: #3B5998;
	padding:10px 0;
}

#header h1{
	font-size:1.8em;
	padding-left:20px;
	margin:0;
}

#header h1 span{
	visibility:hidden;
}

/* Conteudo */
#content_all{
    width: 100%;
    display:inline-block;
}

#content_all > div{
	width:990px;
	margin:0 auto;
	font-size:1.2em;
	font-weight:normal;
	color:#3B5998;
}

/* Lateral esquerda */
#content_left{
    width:340px;
    float: left;
}

#user_default{
	padding-top:30px;
	padding-left:40px;
}

/* Lateral direita */
#content_rigth{
    width: 600px;
    float: right;
    border-right:1px solid #3B5998;
    border-left:1px solid #3B5998;
    border-bottom:1px solid #3B5998;
    padding:20px;
}

#list_amigos_face{
	height:500px;
	width:600px;
	overflow:scroll;
}

.amigo{
	width:100%;
	background-color:#EFEFFF;
	display:inline-block;
	position:relative;
}

.amigo + .amigo{
	margin-top:20px;
	padding-top:20px;
}

.amigo button {
	position:absolute;
	top:10px;
	right:10px;
}

.amigo ul {
	clear:both;
	float:left;
	width:100%;
	margin-top:10px;
	padding:0;
	list-style:none outside;
	display:none;
}

.amigo ul li{
	background-color:#FFF;
	border:4px solid #EFEFFF;
}

/* Rodape */
#footer{
    margin-top:20px;
	padding-top:20px;
    text-align:center;
    width: 100%;
    color: #B6B6B2;
	float:left;
	border-top:solid 1px #d6d6d2;
}